<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="css/hao123.css"/>
	</head>
	<body>
		
		<div class="top-bar">
			<div class="tb-inner-wp">
				<div class="tb-left">
					<ul>
						<li>hao123首页</li>
						<li>全站导航</li>
					</ul>
				</div>
				<div class="tb-right">
					<ul>
						<li class="login">一键登录</li>
						<li>1</li>
						<li>2</li>
						<li class="mobile">
							<i class="icons"></i>
							<div class="code"></div>
						</li>
						<li>浏览器</li>
					</ul>
				</div>
			</div>

		</div>
		
		<div class="clear"></div>
		
		<div class="logo-wp">
			<div class="logo-inner">
				<div class="icons logo">手机</div>
				<div class="search">
					<div class="input-wp">
						<input type="text" />
					</div>
					<div class="icons btn"></div>
				</div>
			</div>
		</div>
		
		<div class="nav-bar">
			<ul>
				<li class="active">首页</li>
				<li>买手机</li>
				<li>平板&穿戴</li>
				<li>数码配件</li>
				<li>看评测</li>
			</ul>
		</div>
		
		<div class="main-ad-wp">
			<div class="slider">
				<a href="" class="left"></a>
				<ul>
					<li><img src="img/nby.png" alt="" /></li>
				</ul>
				<a href="" class="right"></a>
				<ol>
					<li class="active">【优惠】小米手机4C特惠200</li>
					<li>【优惠】小米手机4C特惠200</li>
					<li>【优惠】小米手机4C特惠200</li>
					<li>【优惠】小米手机4C特惠200</li>
					<li>【优惠】小米手机4C特惠200</li>
				</ol>
			</div>
			<div class="top5">
				<h1>热机排行榜</h1>
				<ul>
					<li>
						<span>1</span>
						<img src="img/m1.png" alt="" />
						<a href="">荣耀7全网通4G手机（玫瑰金）（3GB+64GB）</a>
						<p>￥2599</p>
					</li>
					<li>item2</li>
					<li>item3</li>
					<li>item4</li>
					<li>item5</li>
				</ul>
			</div>
		</div>
		
		<!--咨询、评测-->
		<div class="news">
			<h1>资讯 / 评测</h1>
			<div class="news-left">
				<div class="nl-level1">
					<div>
						<a href="#">扒一扒网络晒单 小米手机5用户评价汇总</a>
						<ul>
							<li><i></i>金属商务爆降 华为P8仅1699</li>
							<li>金属商务爆降 华为P8仅1699</li>
							<li>金属商务爆降 华为P8仅1699</li>
							<li>金属商务爆降 华为P8仅1699</li>
						</ul>
						<ul>
							<li>金属商务爆降 华为P8仅1699</li>
							<li>金属商务爆降 华为P8仅1699</li>
							<li>金属商务爆降 华为P8仅1699</li>
							<li>金属商务爆降 华为P8仅1699</li>
						</ul>
					</div>
					<div class="zhuanfang-wp">
						<div>
							<div class="zf-img-wp">
								<a href="#"><img src="img/laptop.jpg" alt="" /></a>
							</div>
							<div class="zf-detail">
								<div class="zf-title">机皇 史上第一台水冷本GX700VO深度</div>
								<p>时间对于一个品牌来说既是契机，也是考验。出道十年来，玩家国度系列凭借着…[详细]</p>
							</div>
							<div class="clear"></div>
						</div>
						<ul>
							<li>金属商务爆降 华为P8仅1699</li>
							<li>金属商务爆降 华为P8仅1699</li>
						</ul>
						<ul>
							<li>金属商务爆降 华为P8仅1699</li>
							<li>金属商务爆降 华为P8仅1699</li>
						</ul>
					</div>
				</div>
				<div class="banner1-wp">
					<a href="">					
						<img src="img/banner1.png" alt="" />
					</a>
				</div>
				<div>3</div>
			</div>
			<div class="news-right">
				<div class="nr-item">
					<a href="#">
						<img src="img/nsj.png" alt="" />
						<div class="nr-detail">女神节，小心意大惊喜</div>
					</a>
				</div>
				<div class="nr-item">
					<a href="#">
						<img src="img/nsj.png" alt="" />
						<div class="nr-detail">女神节，小心意大惊喜</div>
					</a>
				</div>
				<div class="nr-item">
					<a href="#">
						<img src="img/nsj.png" alt="" />
						<div class="nr-detail">女神节，小心意大惊喜</div>
					</a>
				</div>
			</div>
		</div>
		
		<div class="clear"></div>
		
		<div class="hot-mobile">
			<div class="hm-header">
				<span>热门机型</span>
				<ul>
					<li class="active">新机上市</li>
					<li>好评推荐</li>
				</ul>
			</div>
			<ul class="hm-wp">
				<li>
					<img src="img/vivo.png" alt="" />
					<p>
						vivo X6 移动联通双4G手机 4GB+32GB 双卡双待 金色
					</p>
					<span class="hm-span-left"><span>￥</span>2433</span>
					<span class="hm-span-right">已售：2000</span>
				</li>
				<li>2</li>
				<li>3</li>
				<li>4</li>
				<li>5</li>
			</ul>
		</div>
		
	</body>
</html>
